<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>宝藏商城会员注册页面</title>
  <link type="text/css" rel="stylesheet" href="./css/style.css">
  <script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
  <script type="text/javascript">
    // 页面加载完成之后
    $(function() {
		

      // 给注册按钮添加事件
      $("#sub_btn").click(function() {

        // 获取用户名
        var usernameValue = $("#username").val();
        // 验证用户名是否合法,规则如下：必须由字母，数字，下划线组成，并且长度为5到15位。
        // var usernameReg = /^\w{5,15}$/;
        // // 验证用户信息
        // if (!usernameReg.test(usernameValue)) {
        //   // 提示用户
        //   //alert("用户名不合法！");
        //   $('span[class=errorMsg]').html("用户名不合法！");
        //   // 阻止提交按钮的默认行为
        //   return false;
        // }

        // 获取密码
        var passwordValue = $("#password").val();
        // 验证密码是否合法,规则如下：必须由字母，数字，下划线组成，并且长度为5到15位。
        // var passwordReg = /^\w{5,15}$/;
        // // 验证用户信息
        // if (!passwordReg.test(passwordValue)) {
        //   // 提示用户
        //   //alert("密码不合法！");
        //   $('span[class=errorMsg]').html("密码不合法！");
        //   return false;
        // }

        // 获取确认密码
        var repwdValue = $("#repwd").val();
        // 验证确认密码和密码一致
        // if (passwordValue != repwdValue) {
        //   // 提示用户
        //   //alert("确认密码和密码不一致！");
        //   $('span[class=errorMsg]').html("确认密码和密码不一致！");
        //   return false;
        // }


        // if (!emailReg.test(emailValue)) {
        //   // 提示用户
        //   //alert("邮件输入不合法！");
        //   $('span[class=errorMsg]').html("邮件输入不合法！");
        //   return false;
        // }

        var user={
          name: usernameValue,
          password:repwdValue,
          sex:$("#sex").val(),
          age: $("#age").val()

               };
$("#sub_btn").click(function(){
		alert("he")
		console.log(user)
	})



        if (usernameValue != "" && passwordValue != "") //不为空处理
        {
          //发送 ajax 请求，注册用户
          $.ajax({
            url: '/addUser',
            data: {
              user:JSON.stringify(user)
            },
            dataType: 'json',
            cache: false,
            success:function(msg){
              debugger;
              if(msg == 'yes'){
                location.href= 'regist_success.html' ;
              }else if(msg == 'no'){
                $('span[class=errorMsg]').html("注册失败");
              }
            }
          })

          //localStorage.setItem(usernameValue, passwordValue);
        }

        return true;
      });

    });
	
	
	
  </script>

  <style type="text/css">
    .login_form {
      height: 420px;
      margin-top: 25px;
    }
  </style>

</head>
<body>
<div id="login_header">
  <img class="logo_img" alt="" src="./img/log.jpg">
</div>

<div class="login_banner">

  <div id="l_content">
    <span class="login_word">欢迎注册</span>
  </div>

  <div id="content">
    <div class="login_form">
      <div class="login_box">
        <div class="tit">
          <h1>注册宝藏商城会员</h1>
          <span class="errorMsg"></span>
        </div>
        <div class="form">
          <form>
            <label>用户名称：</label>
            <input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username" id="username" />
            <br />
<br>
            <label>用户密码：</label>
            <input class="itxt" type="password" placeholder="请输入密码" autocomplete="off" tabindex="1" name="password" id="password" />
            <!-- <br />
            <br />
            <label>确认密码：</label>
            <input class="itxt" type="password" placeholder="确认密码" autocomplete="off" tabindex="1" name="repwd" id="repwd" /> -->
           <!-- <br />
            <br />
            <label>电子邮件：</label>
            <input class="itxt" type="text" placeholder="请输入邮箱地址" autocomplete="off" tabindex="1" name="email" id="email" /> -->
			<br />
			<br />
			<label>年龄：</label>
			<input class="itxt" type="text" placeholder="输入年龄" autocomplete="off" tabindex="1" name="age" id="age" />
			<br />
			<br />
			<label>性别：</label>
			<input type="radio" name="sex" id="" value="男" />男
			<input type="radio" name="sex" id="" value="女" />女
            <br />
<br />


            <input type="button" value="注册" id="sub_btn" />

          </form>
        </div>

      </div>
    </div>
  </div>
</div>
<div id="bottom">
			<span>
				宝藏商城.Copyright &copy;2021
			</span>
</div>
</body>
</html>
